<!doctype html>
<html lang=en dir=ltr class="no-js theme-united" xmlns:th="http://www.thymeleaf.org">
<div th:replace="site/head::head(${title}, ${pageName})"></div>

<body class="page page-is-loading page-type-post">
    <div th:replace="site/head::navbar"></div>

    <div class="container-fluid main-container" id=J_main-container>
        <div class=row>
            <div class=col-md-12>
                <div class=post-container>
                    <h1 class=post-title><a th:text="${article.title}" th:href="@{'/post/' + ${article.id}}" rel=bookmark></a></h1>
                    <div class=meta-box>
                        <span class=m-post-date><i class="fa fa-calendar-o"></i><span th:text="${commonUtils.fmtdate(article.createTime)}"></span></span>
                        <span class=m-post-nick>听风合笙</span>
                        <span class=m-post-permalink><i class="fa fa-link-o"></i><a th:href="@{'/post/' + ${article.id}}" target=_blank>文章链接</a></span>
                        <span class=m-post-count><i class="fa fa-pencil"></i><span th:text="${article.wordCount} + '字'"></span></span>
                        <span class=m-post-reading><i class="fa fa-hourglass-start"></i><span th:text="${article.readTime} + '分钟阅读'"></span></span></div>
                    <div class=post-content>
                        <th:block th:utext="${commonUtils.mdToHtml(article.content)}" class=content>
                            <!-- 文章内容 -->
                        </th:block>
                    </div>
                    <div class="meta-box post-bottom-meta-box hidden-print">
                        <th:block th:if="${article.tags != null}">
                            <div class=tag-links><i class="fa fa-tags" aria-hidden=true></i>
                                <th:block th:each="tag, index: ${#strings.listSplit(article.tags, ',')}">
                                     <a th:href="'/tags/' + ${tag}" th:text="${tag}" rel=tag></a>
                                </th:block>
                            </div>
                        </th:block>
                    </div>

                    <!-- 推荐其他文章 -->
<!--                    <div-->
<!--                        class="row page-navigation-container hidden-print">-->
<!--                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">-->
<!--                            <div class=navigation-wrapper>-->
<!--                                <div class=pager>-->
<!--                                    <div class=title-box><i class="fa fa-paperclip"></i>#看看其他</div><a href=https://tech.meituan.com/2020/09/03/meituantech-basic-skills.html title=工程师的基本功是什么？该如何练习？听听美团技术大咖怎么说 class=previous><span aria-hidden=true>前一篇: 工程师的基本功是什么？该如何练习？听听美团技术大咖怎么说</span></a></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                <div class="row page-comments-container hidden-print">-->
<!--                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">-->
<!--                        <div class="comments-wrapper hidden-print">-->
<!--                            <div id=comments class=comments-disabled>-->
<!--                                <div class=title-box><i class="fa fa-comments-o"></i>#一起聊聊</div>-->
<!--                                <div class="post-feedback-box hidden-print">-->
<!--                                    <p>如发现文章有错误、对内容有疑问，都可以关注美团技术团队微信公众号（meituantech），在后台给我们留言。</p><img class=qrcode src=https://p1.meituan.net/travelcube/7080c58988fc3e9e0b40645f06f31543666973.png alt=美团技术团队微信二维码>-->
<!--                                    <p class=follow-us>我们每周会挑选出一位热心小伙伴，送上一份精美的小礼品。快来扫码关注我们吧！</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>
    </div>

    <div th:replace="site/footer::footer(${pageName})"></div>
</body>

<script>
    MathJax = {
        tex: {
            inlineMath: [
                ['$', '$'], ['\\(', '\\)']]
        }
    };
</script>
<script id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

</html>